﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="LeftLinks.ascx.cs" Inherits="WoodbaseVideoRental.UserControls.LeftLinks" %>
<h3>
    Services</h3>
<ul class="toollinks">
    <li>
        <img src="/Images/design/075932-3d-glossy-blue-orb-icon-business-www-search-ps.png"
            alt="Search IMDB" align="middle" /><a class="imdblink" title="IMDB.com - inlined" href="http://imdb.com">Search
                the internet movie database</a> </li>
    <li>
        <img src="/Images/design/075824-3d-glossy-blue-orb-icon-business-light-off.png"
            alt="Send us Your feedback" align="middle" /><a class="feedbackform" title="Send us Your feedback!"
                href="/Pages/Services/Feedback.aspx">Feedback</a> </li>
    <li>
        <img src="/Images/design/075817-3d-glossy-blue-orb-icon-business-key7.png" alt="Login" /><a class="NotExisting"
            href="/Pages/Login/Login.asp">Login</a> </li>
    <li>
        <img src="/Images/design/075921-3d-glossy-blue-orb-icon-business-tools1.png" alt="Settings" /><a
            href="/Pages/Settings/Settings.asp" class="NotExisting">Settings</a> </li>
</ul>
<script type="text/javascript">
    $(document).ready(function () {
        $("a.imdblink").fancybox(
								{
								    'width': '75%',
								    'height': '75%',
								    'title': $(this).attr('title'),
								    'easingIn': 'swing',
								    'titlePosition': 'over',
								    'transitionIn': 'elastic',
								    'transitionOut': 'fade',
								    'speedIn': 300,
								    'speedOut': 300
								});
        $("a.feedbackform").fancybox(
								{
								    'content': $("#feedbackform").html(),
								    'margin': 15,
								    'width': 300,
								    'height': 350,
								    'title': $(this).attr('title'),
								    'easingIn': 'swing',
								    'titlePosition': 'over',
								    'transitionIn': 'elastic',
								    'transitionOut': 'fade',
								    'speedIn': 300,
								    'speedOut': 300
								});
        $("a.NotExisting").fancybox();
    });
</script>


<!-- FEEDBACK FORM -->
<script type="text/javascript">
    function closeBox() {
        $.fancybox({
            'width': 300,
            'height': 350,
            'autoScale': false,
            'content': $("#thankyou").html()
        });

        setTimeout(function () { $.fancybox.close(); }, 3000);
    }
</script>
<div style="display: none;">
    <div id="feedbackform" style="height: 350px;">
        <h2>
            Send us Your feedback</h2>
        <div style="display: none;" id="thankyou">
            <div style="width: 300px;">
                <h2>
                    Thank You!</h2>
                Your opinion is of high importance to us!<div style="width: 100%; text-align: center;
                    font-size: 9px;">
                    Closes in 3 seconds</div>
            </div>
        </div>
        <table style="display: block;" id="feedback">
            <tr>
                <td>
                    Name:
                </td>
                <td>
                    <asp:TextBox runat="server" ID="txbFeedbackName" />
                </td>
            </tr>
            <tr>
                <td>
                    E-mail:
                </td>
                <td>
                    <asp:TextBox runat="server" ID="txbFeedbackMail" />
                </td>
            </tr>
            <tr>
                <td>
                    Rating:
                </td>
                <td>
                    <asp:RadioButtonList ID="RadioButtonList1" RepeatDirection="Horizontal" runat="server">
                        <asp:ListItem Text="1" Value="1" />
                        <asp:ListItem Text="2" Value="2" />
                        <asp:ListItem Text="3" Value="3" />
                        <asp:ListItem Text="4" Value="4" />
                        <asp:ListItem Text="4" Value="4" />
                    </asp:RadioButtonList>
                </td>
            </tr>
            <tr>
                <td>
                    Message:
                </td>
                <td>
                    <asp:TextBox runat="server" ID="txbFeedbackMessage" TextMode="MultiLine" Width="200"
                        Height="50" />
                </td>
            </tr>
            <tr>
                <td colspan="2" style="text-align: right">
                    <asp:Button Text="Submit" runat="server" OnClientClick="closeBox()" ID="btnFeedbackSubmit" />
                </td>
            </tr>
        </table>
        <br />
        <br />
        <br />
        <br />
    </div>
    <!-- END OF FEEDBACK FORM -->
</div>
